* { margin:0; padding:0; }
body { text-align:center;font-size:13px; }
html{ overflow:-moz-scrollbars-vertical; }
h1, h2, h3, h4, h5, h6 { font-weight:bold;font-size:1em; }
h1 { font-size:133%; }
h2 { font-size:116%; }
h3 { font-size:100%; }
h4, h5 { font-size:91%; }
a img { border:0; }
a:active, a:focus{ outline:none; }
input[type=image] {outline:none;}
address, blockquote, pre { font-style:normal; font-family:inherit; }
ul { list-style:none; }
small {font-size:75%;}
input, textarea {font-size:100%;padding:0;border:0;}
:link,:visited { text-decoration:underline }
/*h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {margin:1em 5%;}
li, dd {margin-left:5%;}
fieldset {padding: .5em;}*/
a.l-more span { display:none; }
.b-col1on2 {width:49%;float:left;overflow:hidden;}

.b-col1on3 {width:33%;float:left;overflow:hidden;}
.b-col2on3 {width:66%;float:left;overflow:hidden;}

.b-col1on4 {width:25%;float:left;overflow:hidden;}
.b-col2on4 {width:50%;float:left;overflow:hidden;}
.b-col3on4 {width:75%;float:left;overflow:hidden;}

.b-col1on5 {width:20%;float:left;overflow:hidden;}
.b-col2on5 {width:40%;float:left;overflow:hidden;}
.b-col3on5 {width:60%;float:left;overflow:hidden;}
.b-col4on5 {width:80%;float:left;overflow:hidden;}

.b-colwrapper {overflow:hidden;}

.f-left {float:left;}
.f-right {float:right;}
.f-center {text-align:center;}

/** GENERAL **/
body { font-size:11px; font-family:Verdana, Arial, sans-serif; text-align:center; background:#fff url(images/bg-body.gif) repeat-x 50% 0; color:#333; text-align:center; }
body small { font-size:9px; }
#b-wrapper { width:985px; margin:0 auto; text-align:left; }
a, a:link, a:visited { color:#36F; text-decoration:underline; font-weight:bold; /*padding:1px;*/ }
a:hover { /*background:#36f; color:#fff; */text-decoration:none; }
a img { border:none; }

.ctrl-barre {text-indent:-9999px;height:16px;width:730px;background:url(/manager/images/bg-barre-ouvrir.gif) no-repeat 0 0;display:block;cursor:pointer;}

/** HEADER **/
#b-header { color:#fff; font-size:24px; position:relative; padding:5px; height:33px; }
#b-header h1 { font-size:24px; }
#b-header p { position:absolute; right:10px; top:10px; width:98px; height:24px; display:block; }
#b-header p img { border:0; }
#b-header a, #b-header a:link, #b-header a:visited { padding:0px; }
#b-header a:hover { background:none; text-decoration:none; }

/** BREADCRUMB **/
#b-breadcrumb { padding:5px; font-weight:bold; color:#000; font-size:10px; }

/** PAGES **/
#b-page { width:985px; background:url(images/bg-page.gif) repeat-y 0 0; float:left; }

/** MENU **/
#b-side { background:url(images/bg-content.gif) no-repeat 100% 0; width:215px; float:right; overflow:hidden; }
#b-side ul { list-style:none; }
#b-side h2 { width:214px; height:50px; margin-left:1px; }
#b-side h2 span { display:none; }
#b-side ul li { margin:5px; background:url(images/bg-side-sep.gif) no-repeat 0 100%; }
#b-side ul li.select a { color:#666; text-decoration:none; background:url(images/puce-menu-here.gif) no-repeat 100% 5px; display:block; }
#b-side ul li span { padding:0 0 10px 25px; display:block; }
#b-side p { color:#999; margin:5px; background:url(images/bg-side-sep.gif) no-repeat 0 100%; padding-bottom:5px; }

#b-pages { margin:0 0 20px 0; }
#b-pages h2 { background:url(images/tit-edition-site.png) no-repeat 0 0; }
#b-side p.gsite { margin:5px; background:none; text-align:right; font-size:9px; }
#b-side p.gsite a { padding:0; }
#b-pages li.multi { width:213px; height:31px; margin:-6px 0 0 1px; background:url(images/bg-side-cat.gif) repeat-x 0 100%;position:relative;}
#b-pages li.multi span { position:absolute;top:50%;left:0;font-weight:bold;margin-top:-0.6em;color:#666; }
#b-pages li.single span { background:url(images/puce-page-liste.gif) no-repeat 0 0; }

#b-preferences { margin:0 0 20px 0; }
#b-preferences h2 { background:url(images/tit-parametres.png) no-repeat 0 0; }
#b-preferences li#l-profiles span { background:url(images/puce-profiles.gif) no-repeat 0 0; }
#b-preferences li#l-users span { background:url(images/puce-users.gif) no-repeat 0 0; }
#b-preferences li#l-resources span { background:url(images/puce-resources.gif) no-repeat 0 0; }
#b-preferences li#l-tables span { background:url(images/puce-tables.gif) no-repeat 0 0; }
#b-preferences li#l-setup span { background:url(images/puce-setup.gif) no-repeat 0 0; }
#b-preferences li#l-vars span { background:url(images/puce-vars.gif) no-repeat 0 0; }
body#t-preferences-utilisateurs #b-side ul li#l-users a,
body#t-preferences-setup #b-side ul li#l-setup a,
body#t-preferences-tables #b-side ul li#l-tables a,
body#t-preferences-resources #b-side ul li#l-resources a,
body#t-preferences-vars #b-side ul li#l-vars a,
body#t-preferences-profils #b-side ul li#l-profiles a { color:#666; text-decoration:none; background:url(images/puce-menu-here.gif) no-repeat 100% 5px; display:block; }

#b-account { margin:0 0 10px 0; position:relative; }
#b-account a, #b-account a:link, #b-account a:visited { padding:0; }
#b-account a:hover { background:none; }
#b-account h2 { background:url(images/tit-account.png) no-repeat 0 0; }
#b-account p { padding-bottom:0; background:none; }
#b-account p#b-account-profile { width:150px; padding-right:5px; float:left; display:block; }
#b-account p#b-account-profile strong { color:#000; }
#b-account p#b-account-btn { width:38px; float:left; display:block; }

/** CONTENU **/
#b-content { background:url(images/bg-content.gif) no-repeat 0 0; width:730px; padding:0 20px 0 20px; float:left; position:relative; display:inline; height:1%; overflow:hidden; }
#b-content h2 { text-align:center; color:#000; font-size:20px; padding:10px 0 30px 0; }
#b-content h4 { color:#000; font-size:14px; margin:30px 0 10px 0; }
#b-content h5 { color:#000; font-size:12px; margin:10px 0 10px 20px; }
#b-content h6 { color:#999; font-size:12px; margin:10px 0 10px 20px; }
#b-content h3 { color:#000; font-size:16px; margin:15px 0; }
#b-content h3 img { vertical-align:middle; margin-left:20px; }
#b-content p, #b-content blockquote, #b-content ul { line-height:1.22em; margin:10px 0; }
#b-content ul { list-style:inside; }
#b-content div.withsep { margin-bottom:10px; padding-bottom:10px; background:url(images/bg-separate.gif) repeat-x 0 100%; }
#b-content div.bottomsep { margin-bottom:10px; padding-bottom:10px; background:url(images/bg-separate.gif) repeat-x 0 100%; }
#b-content div.resume { padding:3px 10px; background:#fcfcfc; font-size:9px; color:#999; }
#b-content div.resume a {color:#666; }
#b-content div.resume a.l-persistent {background-color:#666; color:#fff; text-decoration:none; padding:1px; }
#b-content div.resume strong { color:#666; font-weight:normal; }
#b-content div.withsep strong { padding:1px; background-color:#E2FF98; color:#000; font-weight:normal; }
#b-content ul.links { list-style:none; margin:10px 20px; }
#b-content ul.links li a { background:url(images/puce-dossier.gif) no-repeat 0 50%; margin:0; padding:7px 0 7px 20px; display:block; }
#b-content ul.links li a:hover { background:#E2FF98 url(images/puce-dossier.gif) no-repeat 0 50%;; color:#38991D; text-decoration:none; }

#b-content .important { margin:20px; display:block; padding:10px 5px 10px 20px; font-weight:bold; font-size:14px; color:#f30; background:#ff6 url(images/puce-error.gif) no-repeat 2px 50%; border:1px solid #f90; }

/** FORMS **/
#b-content td form { margin-top:10px; }
#b-content .field-list { margin-bottom:10px; }
#b-content form blockquote { font-size:10px; color:#999;}
#b-content form .field { background:#f4f4f4; padding:5px 10px; }
#b-content form .field:hover {background-color:#E2FF98; color:#000;}
#b-content form .field:hover * {color:#000;}
#b-content form .field label { display:block; font-weight:bold; margin-bottom:2px;color:#666; }
#b-content form .field label em { color:#aaa; font-size:10px; }
#b-content form .field p.help { color:#666; font-size:10px; font-weight:normal; font-style:italic; margin:3px 0 0 0; }
#b-content form .field input, #b-content form .field textarea, #b-content form .field select { font-size:11px; font-family:Verdana, Arial, sans-serif;width:100%;border:0;padding:2px; }
#b-content form .checkbox input, #b-content form .checkbox label { width:auto; display:inline; }
#b-content form .option {display:inline;width:auto;margin:0 5px;}
#b-content form .options .option input, #b-content form .options .option label { width:auto; display:inline;}
#b-content form .field span.error { font-weight:bold; color:#c00; background:#fcc; display:block; margin:3px; padding:3px; }
#b-content form .error { color:#c00; background:#fcc; }
#b-content form .submits { background:#ccc; padding:10px 5px; margin-top:10px; vertical-align:middle; }
#b-content form .submits input {width:auto;}
#b-content form .cancellink { color:#c00; }
#b-content form .submits a img { border:0; vertical-align:middle; }
#b-content form p.b-formmsg-error, #b-content form p.b-formmsg-success, p.b-pgmsg { margin:20px; display:block; padding:10px 5px 10px 20px; font-weight:bold; font-size:14px; }
#b-content form p.b-formmsg-error { color:#c00; background:#fcc url(images/puce-error.gif) no-repeat 2px 50%; border:1px solid #f77; }
#b-content form p.b-formmsg-success, p.b-pgmsg { color:#38991D; background:#E2FF98 url(images/puce-success.gif) no-repeat 2px 50%; border:1px solid #38991D; }
#b-content form ul.l-imagelist {height:80px;overflow:auto;}
#b-content form ul.l-imagelist li {width:220px;vertical-align:middle;list-style:none;display:block;float:left;margin:3px 3px;overflow:hidden;}
#b-content form ul.l-imagelist li img {vertical-align:middle;border:1px solid #000;float:left;width:32px;}
#b-content form ul.l-imagelist li small {display:block;margin:0;float:left;padding-left:10px;}
#b-content form ul.l-imagelist li small a {font-weight:normal;color:#666;}
#b-content form ul.l-imagelist li small a:hover {background:#666;color:#fff;}
#b-content form .xfile input {margin:0;padding:0;border:0;display:inline;width:auto;line-height:30px;vertical-align:middle;}
#b-content form .date .fieldwrapper input {display:inline;width:auto;}
#b-content form .date .fieldwrapper select {display:inline;width:auto;}
#b-content form .time .fieldwrapper input {display:inline;width:auto;}

#b-content #b-search2 form {margin:0;padding:0;}
#b-content #b-search2 form .field label {display:inline;font-weight:normal;color:#999;margin:0 0 3px 0;}
#b-content #b-search2 form .field input {width:140px;padding:4px 2px;border:1px solid #ccc;margin-bottom:10px;}
#b-content #b-search2 form .field,
#b-content #b-search2 form .submits,
#b-content #b-search2 form .submits input {display:inline;vertical-align:middle;margin:0;padding:0;background:none;}

#b-search form {margin:10px 10px 15px 30px;}
#b-search form .field label {display:block;font-weight:bold;color:#666;margin:0 0 3px 0;}
#b-search form .field input {width:140px;padding:4px 2px;border:1px solid #ccc;}
#b-search form .field, #b-search form .submits, #b-search form .submits input {display:inline;vertical-align:middle;}

div.b-colwrapper {width:100%;position:relative;background:#f4f4f4;overflow:auto;}
div.b-col1on2 {width:50%;float:left;position:relative;}
div.b-clear {clear:both;}


/** PARAS **/
div.b-paras {font-family:Courier,courier,sans-serif;position:relative;}
div.b-paras:hover {background:#E2FF98; color:#38991D; text-decoration:none;}
div.b-paras h1 {font-size:24px;}
div.b-paras h2 {font-size:20px;}
div.b-paras h3 {font-size:18px;font-weight:normal}
div.b-paras h4 {font-size:14px;font-weight:normal;}
div.b-paras .b-para-text {margin:1em 0;font-size:12px;position:relative;}
div.b-paras .b-para-small {margin:1em 0;font-size:10px;position:relative;}
div.b-paras .b-para-cite {padding:1em;            float: right;            border-color: #4280be;            border-style: dotted;            font-style:italic;background:#a2b8cd;font-size:12px;padding:5px;width: 200px;}
div.b-paras .b-para-pre { clear:both;font-style: italic;margin:1em 0;font-size:10px;color: #0080ff;position:relative;}
div.b-paras .b-para-important { border-style: solid; background-color: #ffff66; clear:both;margin:1em;font-size:12px;padding:5px;text-align:left;color: black;position:relative;}
div.b-paras .b-paras-actions {display:none;position:absolute;top:5px;left:5px;z-index:111;background:#fff;border:1px solid #aaa;padding:1px 2px}
div.b-paras:hover .b-paras-actions {display:block;}

/** ACTIONS **/
div.b-add { text-align:center; color:#c00; }
div.b-add img { border:none; vertical-align:middle; margin-right:3px; }
div.b-add a, div.b-add a:link, div.b-add a:visited { color:#c00; padding:3px 4px; text-decoration:none; }
div.b-add a:hover { background:#E2FF98; color:#38991D; text-decoration:none; }

div.b-back { position:absolute; top:15px; left:20px;  }

div.hover { background-color:#E2FF98; color:#38991D; }

div.b-pages {text-align:right; }
div.b-pages strong {padding:1px; background-color:#36f; color:#fff; font-weight:normal;}


/** TABLES **/
table.b-table { width:100%; table-layout:fixed; margin:0 0 25px 0; }
table.b-table thead tr th { background:#fff url(images/bg-table.b-table-header.gif) repeat-x 0 0; padding:11px 4px 3px 4px; font-size:14px; color:#000; text-align:left; }
table.b-table thead tr th.center, table.b-table tbody tr td.center { text-align:center; }
table.b-table thead tr th.right, table.b-table tbody tr td.right { text-align:right; }
table.b-table tbody tr td { color:#666; padding:5px; vertical-align:top; background:url(images/bg-separate.gif) repeat-x 0 100%; font-size:10px; }
table.b-table tbody tr td strong { color:#000; font-size:11px; }
table.b-table tbody tr td strong.rownum { color:#36f; font-size:9px; }
table.b-table tbody tr td strong.page { padding:5px 25px 5px 0; background:url(images/puce-page.gif) no-repeat 100% 50%;}
table.b-table tbody tr td strong.file { padding:5px 25px 5px 0; background:url(images/puce-page-attach.gif) no-repeat 100% 50%;}
table.b-table tbody tr td strong.multi { padding:5px 25px 5px 0; background:url(images/puce-page-liste.gif) no-repeat 100% 50%;}
table.b-table tbody tr td a { color:#3BAAF1; }
table.b-table tbody tr td a:hover { color:#4280BE; text-decoration:none; }
table.b-table tbody tr td span { font-size:10px; }

table.b-table tbody tr td span a, table.b-table tbody tr td span a:link, table.b-table tbody tr td span a:visited { text-decoration:none; font-style:italic; color:#c00; }
table.b-table tbody tr.barred td span a, table.b-table tbody tr.barred td span a:link, table.b-table tbody tr.barred td span a:visited { color:#c00; }
table.b-table tbody tr.barred td span a:hover { color:#c00; text-decoration:underline; }

table.b-table tbody tr td span a:hover { text-decoration:underline; }
table.b-table tbody tr td img { border:none; vertical-align:middle; }
table.b-table tbody tr.barred td { color:#999; font-style:italic; }
table.b-table tbody tr.hover td { background-color:#E2FF98; color:#38991D; }
#b-content form table.b-table tbody tr { background:#f4f4f4; }
#b-content form table.b-table tbody tr .field { background:none; padding:0; }
#b-content div.withsep form table.b-table tbody tr strong { font-weight:bold; background:none; }
table.b-table tbody tr.pair td { background-color:#fcfcfc; }
/*color:#38991D; background:#E2FF98*/
table.b-table tbody tr td a.l-oui { color:#38991D; }
table.b-table tbody tr td a.l-oui:hover { color:#c00; text-decoration:none; }
table.b-table tbody tr td a.l-non { color:#c00; }
table.b-table tbody tr td a.l-non:hover { color:#38991D; text-decoration:none; }

#b-content table.b-table tbody tr td strong.b-res {font-style:normal;padding:1px; background-color: #ffff66; color:#000;}


/** FOOTER **/
#b-footer {  clear:both; width:985px; text-align:center; background:url(images/bg-footer.gif) no-repeat 0 0; padding:50px 0; margin:0 auto; }

/** LOGIN **/
#login-page { width:500px; margin:150px auto 0 auto; text-align:left; background:#CCE6FF; border:1px solid #fff; padding:5px; }

#company { width:230px; float:right; background:#FEF49C; border:1px solid #FFCC66; padding:3px; margin:0 5px 5px 5px; }
#company h2 { font-size:16px; font-weight:bold; color:#c00; margin-bottom:10px; text-align:center; }
#company p { color:#333; font-size:10px; padding:5px; text-align:center; }
#company a { color:#09f; font-weight:bold; }
#company a:hover { color:#09f; }

#formlogin { width:230px; padding:10px; background:#fff; float:left; }
#formlogin div.error { background:#c00; text-align:center; color:#fff; font-weight:bold; padding:5px 10px; margin:5px 0; }
#formlogin h2 { display:none; font-size:14px; color:#c00; margin-bottom:10px; margin-left:5px; text-align:center; }
#formlogin form { background:#f4f4f4; padding:5px; }
#formlogin form .field { margin:10px 0; }
#formlogin form label { color:#333; font-weight:bold;  }
#formlogin form input { width:97%; padding:2px; border:1px solid #ccc; }
#formlogin form p { text-align:center; }
#formlogin form p, #formlogin form a { color:#09f; font-size:9px; }
#formlogin div.submits { margin-top:10px; text-align:center; }
#formlogin div.submits input { width:auto; }

/** DIALOG **/
#b-overlay { background:#161616; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; }
.b-overlay-content { color:#999; position:fixed; z-index:9999; background:#fff none repeat scroll 0%; border:3px solid #fff; top:50%; left:50%; padding:10px 10px 30px 10px; text-align:left; }
.b-overlay-content h3 { font-size:16px; margin:10px 0; border-bottom:1px solid #999; }
.b-overlay-content h4 { font-size:13px; margin:10px 0; }
.b-overlay-content p { line-height:1.22em; margin:5px 0; }
.b-overlay-content address { line-height:1.22em; margin:5px 0; font-style:normal; }
.b-overlay-content a { font-weight:bold; color:#c00; }
#b-overlay-close { text-align:center; position:absolute; left:50%; bottom:5px; margin-left:-24px; }
#b-overlay-close img { border:none; }

#b-user-display-content { width:200px; height:300px; margin:-150px 0 0 -100px; }

	
/**
 * PROTOTYPE
 */
#b-content form .richselect_choice {position:relative;}
#b-content form .richselect_choice input {background:#fff url(images/puce-textfield.gif) no-repeat 2px 50%;padding-left:22px;width:90%;}
#b-content form .richselect_choice ul {position:absolute;z-index:9999;top:10px;left:0;list-style-type:none;border: 1px solid #ababab;width:250px;background:#f5f5f5;padding:5px;max-height:100px;overflow:auto;}
#b-content form .richselect_choice ul li {list-style-type:none;font-size: 11px;display:block;width:auto;}
#b-content form .richselect_choice ul li a {padding:3px 5px;display:block;width:auto;font-weight:normal;text-decoration:none;}
#b-content form .richselect_choice ul li a:hover {background:#ababab;}

#b-content form .field:hover .richselect_choice ul {background-color:#f5f5f5;}
#b-content form .field:hover .richselect_choice ul li a {background-color:#f5f5f5;color:#36f;}
#b-content form .field:hover .richselect_choice ul li a:hover {background:#E2FF98;color:#36f;}

.contextMenuText {text-align:left;}
.contextMenuText a {font-weight:normal;color:#333;text-decoration:none;}
.contextMenuText a:hover {background-color: #B6BDD2;text-decoration: none !important;font-weight: normal;margin: 0;padding: 0;}

tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(images/bubble.png) bottom right;
}

.alpha10 { opacity: 0.1; -moz-opacity: 0.1; }
.alpha20 { opacity: 0.2; -moz-opacity: 0.2; }
.alpha30 { opacity: 0.3; -moz-opacity: 0.3; }
.alpha40 { opacity: 0.4; -moz-opacity: 0.4; }
.alpha50 { opacity: 0.5; -moz-opacity: 0.5; }
.alpha60 { opacity: 0.6; -moz-opacity: 0.6; }
.alpha70 { opacity: 0.7; -moz-opacity: 0.7; }
.alpha80 { opacity: 0.8; -moz-opacity: 0.8; }
.alpha90 { opacity: 0.9; -moz-opacity: 0.9; }

p#b-debug {background:#000;color:#fff;font-family:Arial,sans-serif;font-weight:bold;font-size:10px;letter-spacing:1px;text-align:center;line-height:25px;position:absolute;top:10px;left:50%;width:60%;opacity: 0.2; -moz-opacity: 0.2; margin-left:-25%;}

.s-center {margin:0 auto;}
.s-left {float:left;margin:0 5px 5px 0;}
.s-right {float:right;margin:0 0 5px 5px;}
.s-wrapper {overflow:hidden;}